﻿@page "/datagrid-rowreorder"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid row reorder
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Use <code>RowRender</code> event to add custom logic for drag and drop rows to reorder.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo <code>RowRender</code> adds HTML5 drag-and-drop attributes (<code>draggable</code>, <code>ondragstart</code>, <code>ondrop</code>, etc.) to rows, using an <code>ObservableCollection</code> to reorder employees with visual border feedback via the <code>my-class</code> CSS style.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridRowReorder">
    <DataGridRowReorder />
</RadzenExample>
